<!-- 所有地方都用到 -->
<!DOCTYPE html>
<html lang=en>
<head><meta name="generator" content="Hexo 3.9.0">
    <!-- so meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta property="og:type" content="website">
<meta property="og:title" content="Hexo">
<meta property="og:url" content="http://yoursite.com/categories/架构设计/后台架构实战/index.html">
<meta property="og:site_name" content="Hexo">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Hexo">
    
    
        
          
              <link rel="shortcut icon" href="/images/favicon.ico">
          
        
        
          
            <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
          
        
        
          
            <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
          
        
    
    <!-- title -->
    <title>Category: 后台架构实战</title>
    <!-- styles -->
    <link rel="stylesheet" href="/css/style.css">
    <!-- persian styles -->
    
      <link rel="stylesheet" href="/css/rtl.css">
    
    <!-- rss -->
    
    
</head>

<body class="max-width mx-auto px3 ltr">

    <!-- 导航栏/目录栏 -->
    <!--  -->


    <div class="content index py4">
        
          <header id="header">
  <a href="/">
  
    
      <div id="logo" style="background-image: url(/images/logo.png);"></div>
    
  
    <div id="title">
      <h1>Hexo</h1>
    </div>
  </a>
  <div id="nav">
    <ul>
      <li class="icon">
        <a href="#"><i class="fas fa-bars fa-2x"></i></a>
      </li>
       
        <li><a href="/">Home</a></li>
       
        <li><a href="/search/">Search</a></li>
       
        <li><a href="/about/">About</a></li>
      
    </ul>
  </div>
</header>

        
        <!-- 分类页 -->

<style>
    /* 隐藏滚动条 */
    ::-webkit-scrollbar { width: 0 !important }

    /* 一级分类 ul */
    .categories-list {
        /*并排，挤出空间给sub_categories在右边*/
        float: left;
        width: 150px;
        background: #16C0F8;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 0 0 10px 10px;
        color: #fff;
        list-style: none;
    }

    /* 一级分类 li */
    .categories-list-item {
        line-height: 43px;
        margin-block-end: 0 !important;
        /* border-bottom: 1px solid #eaeaea; */
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    /* 一级分类 a */
    .categories-list-link {
        font-size: 14px;
        color: #fff !important;
        font-weight: bold;
        background-image: none !important;
        display: block;
        width: 100%;
        height: 100%;
        /* padding-left: 20px; */
        /* text-decoration: none; */
        /* background: 0px 3px no-repeat url(https://www.lidihuo.com/images/linkicon.png) !important; */
    }

    /* #categories course {
        padding-left: 4px;
        line-height: 30px;
        font-weight: bold;
        font-size: 16px;
    } */

    /* 去掉列表前面的一个点 */
    /* #categories>ul {
        list-style: none;
        padding-inline-start: 0px !important;
    } */

    #sub_categories {
        margin-left: 160px;
        width: 1000px;
    }

    #sub_categories ul {
        list-style: none;
        padding-inline-start: 0px !important;
    }

    #sub_categories>ul>li {
        overflow: hidden;
    }

    /* 
    #sub_categoriesul>li>h2 {
        padding-bottom: 8px;
        line-height: 30px;
        background: url(https://www.lidihuo.com/images/icon5.png) left 6px no-repeat;
        background-size: 18px 18px;
        padding-left: 30px;
        border-bottom: 1px solid #eaeaea;
    } */

    .sub_category {
        font-size: 14px;
        width: 100%;
        padding: 10px;
        margin: 0;
        color: #fff;
        background-color: #16C0F8;
    }

    #sub_categories .third_category {
        height: 90px;
        padding: 10px;
        background: #fff;
        float: left;
        width: calc(25% - 20px);
        margin-right: 20px;
    }

    .third_categories {
        margin-right: -20px;
        
    }

    .third_categories a {
        display: block;
        height: 100%;
        background-image: none !important;
    }

    .third_category {
        margin-block-end: 1em;
        box-shadow: 2px 2px 8px rgb(221, 209, 209);
    }

    .third_category_title {
        position: absolute;
        width: 214px;
        font-size: 14px;
        border-bottom: none;
        color: #16C0F8;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .third_category_desc {
        font-size: 12px;
        color: #aaa;
        overflow: hidden;
        text-overflow: ellipsis;
        display: box;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #categories li:hover {
        cursor: pointer;
    }
</style>



<!-- 1. 列出所有一级分类-->
<content>
    <section id="categories">
        <ul class="categories-list">
        
        

        <!-- 列出当前分类的第一级目录 例如 /categories/Java 开发 -> Java 开发，/categories/Java 开发/Java 集合 -> Java 开发-->
        
        
        
        
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/Java-开发/">Java 开发</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/Java-框架/">Java 框架</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/JavaWorld/">JavaWorld</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/Spring-教程/">Spring 教程</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/Spring-文档/">Spring 文档</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/Spring-Tutorial/">Spring Tutorial</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/Quarkus-文档/">Quarkus 文档</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/业务汇总/">业务汇总</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/业务经验/">业务经验</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/其它/">其它</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/前端开发/">前端开发</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/后端开发/">后端开发</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/开发工具/">开发工具</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/接口文档/">接口文档</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/数据存储/">数据存储</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/数据结构和算法/">数据结构和算法</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/杂文分享/">杂文分享</a></li>
              
        
                <!-- 属于当前分类的，  高亮显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/架构设计/" style="text-shadow: 2px 2px 5px white;">架构设计</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/游戏相关/">游戏相关</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/游戏相关123/">游戏相关123</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/视频教程/">视频教程</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/设计模式/">设计模式</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/课程教材/">课程教材</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/部署运维/">部署运维</a></li>
              
          
                <!-- 不属于当前分类的，普通显示 -->
                <li class="categories-list-item"><a class="categories-list-link" href="/categories/面试题/">面试题</a></li>
              
        
        </ul>
    </section>

    <!-- 2. 列出当前分类下的二级分类-->
    <section id="sub_categories">
    <ul>
    
    </ul>
    </section>
</content>
        
        <!-- <footer id="footer">
  <div class="footer-left">
    Copyright &copy; 2022 John Doe
  </div>
  <div class="footer-right">
    <nav>
      <ul>
        
        <li><a href="/">Home</a></li>
        
        <li><a href="/search/">Search</a></li>
        
        <li><a href="/about/">About</a></li>
        
      </ul>
    </nav>
  </div>
</footer> -->



<!-- 根据页面mathjax变量决定是否加载MathJax数学公式js -->

    </div>
    <!-- styles -->
<link rel="stylesheet" href="/lib/font-awesome/css/all.min.css">
<link rel="stylesheet" href="/lib/justified-gallery/css/justifiedGallery.min.css">

    <!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/justified-gallery/js/jquery.justifiedGallery.min.js"></script>
<!-- clipboard -->

<script src="/js/main.js"></script>
<!-- search -->

<!-- Google Analytics -->

<!-- Baidu Analytics -->

<!-- Disqus Comments -->


</body>
</html>
